<!DOCTYPE html>
<!--[if IE 8]>
<html lang="zh-CN" class="ie8" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh-cmn-Hans-CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<!--<![endif]-->
<head th:replace="head :: common_header(~{::title},~{::link})">
    <title>庭审信息管理平台-大案要案</title>
    <!-- ================== BEGIN PAGE LEVEL CSS STYLE ================== -->
    <link rel="stylesheet" th:href="@{/assets/css/major_detail.css}"/>
    <!-- ================== END PAGE LEVEL CSS STYLE ================== -->
</head>
<body>
<!-- begin #page-container -->
<div id="page-container" class="page-container fade page-without-sidebar">
    <!--/*@thymesVar id="user" type="com.hxht.cmp.shiro.CustomRealm"*/-->
    <div th:replace="~{head.html :: head_nav(${session.user.realName})}"></div>
    <!-- begin #content -->
    <div id="content" class="content">
        <ol class="breadcrumb cmp-breadcrumb">
            <li>
                <a th:href="@{/index}"><i class="fa fa-home fa-lg"></i><span class="context-span">&nbsp;主页</span></a>
            </li>
            <li>
                <a href="javascript:base.back();"><i class="fa  fa-arrow-left fa-lg"></i><span class="context-span">&nbsp;后退</span></a>
            </li>
            <li class="active">
                <a href="javascript:location.reload();"><i class="fa fa-refresh fa-lg"></i><span class="context-span">&nbsp;详情</span></a>
            </li>
        </ol>
        <div class="panel cmp-panel">
            <div class="panel-body">
                <div class="row row-no-padding">
                    <div class="col-md-3">
                        <div class="white" id="case_panel"></div>
                    </div>
                    <div class="col-md-9">
                        <span class="white context-span">大案要案资料</span>
                        <div class="row">
                            <div class="white" id="evidence_panel" hidden="hidden">
                                <div class="col-md-1">
                                    <a>
                                        <img th:src="@{/assets/img/gif.png}" src="" class="img-circle" >
                                        <span class="white context-span nowrap">图片块</span>
                                    </a>
                                </div>
                                <div class="col-md-1">
                                    <a>
                                        <img th:src="@{/assets/img/rar.png}" src="" class="img-circle">
                                        <span class="white context-span nowrap">压缩文件</span>
                                    </a>
                                </div>
                                <div class="col-md-1">
                                    <a>
                                        <img th:src="@{/assets/img/word.png}" src="" class="img-circle">
                                        <span class="white context-span nowrap">文件块</span>'
                                    </a>
                                </div>
                                <div class="col-md-1">
                                    <a>
                                        <img th:src="@{/assets/img/file.png}" src="" class="img-circle">
                                        <span class="white context-span nowrap">文件块</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="white" id="plan_panel">
                            <span class="white context-span">排期信息</span>
                            <table class="text-center"></table>
                        </div>
                        <div class="white" id="trial_panel">
                            <span class="white context-span">开庭记录</span>
                            <table class="text-center"></table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
<!-- end page container -->
<!-- ================== START IMPORT JS ================== -->
<div th:replace="head :: footer_js(~{::script})">
    <script type="text/javascript" th:src="@{/assets/plugins/bootstrap-table/bootstrap-table.min.js}"></script>
    <script type="text/javascript" th:src="@{/assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js}"></script>
    <script type="text/javascript" th:src="@{/assets/plugins/bootstrap-paginator/bootstrap-paginator.js}"></script>
    <script th:src="@{/assets/plugins/echart/echarts.js}"></script>
    <!-- ================== END IMPORT JS ================== -->
    <script th:inline="javascript">
        var major_case = [[${case}]];
        var major_evidence = [[${majorEvidences}]];
        var major_plan = [[${planList}]];
        var major_trial = [[${majorTrials}]];
        var major_video = [[${majorVideos}]];
        console.log(major_case, major_evidence, major_plan, major_trial, major_video);
    </script>

    <script th:src="@{/assets/js/major/major_detail.js}"></script>
    <script>
        $(document).ready(function () {
            App.init();
        });
    </script>
</div>
</body>
</html>